﻿
<div id="addeditField" class="popup-wrapper" style="display: none;">
    <div class="popup-content">
        <h4 style="text-align:left">Thêm/sửa trường dữ liệu</h4>
        <div class="field-form">        
            <div class="row">        
                <label>Tiêu đề:</label>                
                <input type="hidden" id="fieldId" name="fieldId" data-bind="value: FieldId" />
                <input type="text" class="text" name="fieldTitle" id="fieldTitle" data-bind="value: FieldTitle" style="width:300px" />
            </div>
            <div class="row">        
                <label>Loại dữ liệu:</label>
                <div class="select-holder" style="width:212px">
                    <select class="select" id="FieldTypeId" name="FieldTypeId" data-bind="value: FieldTypeId, foreach: FieldTypeOptions">
                        <option data-bind="value: ID, text: ItemName"></option>
                    </select>
                </div>
            </div>
            <div class="row">        
                <label>Loại khách hàng:</label>
                <div class="select-holder" style="width:212px">
                    <select class="select" id="LeadTypeId" name="LeadTypeId" data-bind="value: LeadTypeId, foreach: LeadTypeOptions">
                        <option data-bind="value: ID, text: ItemName"></option>
                    </select>
                </div>
            </div>
            <div class="row">        
                <label>Hiển thị tới người dùng:</label>
                <div class="select-holder" style="width:212px">
                    <select class="select" id="VisibilityId" name="VisibilityId" data-bind="value: VisibilityId, foreach: VisibilityOptions">
                        <option data-bind="value: ID, text: ItemName"></option>
                    </select>
                </div>
            </div>
            <div class="row">        
                <label>Nhóm:</label>
                <div class="select-holder" style="width:212px">                
                    <select class="select" id="GroupId" name="GroupId" data-bind="value: GroupId, foreach: GroupOptions">
                        <option data-bind="value: ID, text: ItemName"></option>
                    </select>
                </div>
            </div>
            <div class="row">        
                <label>Vùng:</label>
                <div class="select-holder" style="width:212px">
                    <select class="select" id="SectionId" name="SectionId" data-bind="value: SectionId, foreach: SectionOptions, optionsCaption: 'Select a section'">
                        <option data-bind="value: ID, text: ItemName"></option>
                    </select>
                </div>
            </div>
            <div class="row">        
                <label>Tooltip:</label>
                <textarea rows="3" class="text" id="ToolTip" name="ToolTip" style="width:300px" data-bind="value: Tooltip"></textarea>
            </div>
            
            <div class="row">        
                <label>Yêu cầu:</label>
                <div class="groupinput"><input type="checkbox" id="Required" name="Required" data-bind="checked: Required" /></div>
            </div>
            <div class="row">        
                <label>Cho phép in:</label>
                <div class="groupinput"><input type="checkbox" id="Printable" name="Printable" data-bind="checked: Printable" /></div>
            </div>
            <div class="row">        
                <label>Cho phép lọc:</label>
                <div class="groupinput"><input type="checkbox" id="Filterable" name="Filterable" data-bind="checked: Filterable" /></div>
            </div>
        </div>
        <div class="clear"></div>
        <p class="last" style="margin-top:15px">            
            <a href="javascript:closePopup();" class="btn btn-cancel-small left">Hủy</a>
            <a href="javascript:void(0)" class="btn btn-submit-small right" data-bind="click: AddFieldItems">Đăng</a>
        </p>
    </div>
</div>